<script setup lang="ts">
import { ref } from 'vue'
import { roleStore } from '@/stores/role'

import left1 from './rule1/Left1.vue'
import left2 from './rule2/Left2.vue'
// import left3 from './rule3/Left3.vue'

const store = roleStore() as any
const { role1, role2, role3 } = store
const userRole = store.role1

const rule = ref() // 1 普通 2 中级 3 高级
const info = () => {
  rule.value = userRole
}
info()
</script>

<template>
  <left1 v-if="role1 == 1" />
  <left2 v-if="role1 == 2" />
  <left3 v-if="role1 == 3" />
</template>
